<template>
	<view class="loading">
		<u-mask :show="showMask" @tap="showMask = false">
			<view class="warp">
				<u-loading mode="flower" :size="60"></u-loading>
			</view>
		</u-mask>
	</view>
</template>

<script>
	export default{
		name:"xt-loading",
		props:{
			showMask:{
				type: Boolean,
				default () {
					return false
				}
			}
		},
		methods:{
		}
	}
</script>

<style lang="scss" scoped>
	.warp {
		display: flex;
		align-items: center;
		justify-content: center;
		// width: 100vw;
		height: 100%;
	}
	
	// .rect {
	// 	width: 120px;
	// 	height: 120px;
	// 	background-color: #fff;
	// }
</style>